<?php ob_start() ?>
<div class="row">
    <?php if (isset($_SESSION['publicidad_msj'])) { ?>
        <div class="alert alert-success alert-dismissable col-lg-12 text-center">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <strong><?php echo $_SESSION['publicidad_msj'] ?></strong>
        </div>
        <?php
        unset($_SESSION['publicidad_msj']);
    }
    ?>
    <div class="col-lg-12">
        <h1>Comerciales <small>Añadir Comercial</small></h1>
        <hr>
    </div>
</div><!-- /.row -->

<div class="row">
    <div class="col-lg-6">

        <form role="form" name="form_anadir_comercial" id="form_anadir_comercial" action="registro_comercial" method="post">

            <div class="form-group">
                <label for="usuario">Usuario:</label>
                <input class="form-control" name="usuario" type="text" required="required" id="usuario"/>
            </div>
            <div class="form-group">
                <label for="nombre">Nombre:</label>
                <input class="form-control" name="nombre" type="text" required="required" id="nombre" />
            </div>
            <div class="form-group">
                <label for="apellidos">Apellidos:</label>
                <input class="form-control" name="apellidos" type="text" required="required" id="apellidos"/>
            </div>
            <div class="form-group">
                <label for="documento_identidad">Documento de identidad:</label>
                <input class="form-control" name="documento_identidad" type="text" required="required" id="documento_identidad"/>
            </div>
            <div class="form-group">
                <label for="direccion">Dirección:</label>
                <input class="form-control" name="direccion" type="text" required="required" id="direccion"/>
            </div>
            <div class="form-group">
                <label for="localidad">Localidad:</label>
                <input class="form-control" name="localidad" type="text" required="required" id="localidad"/>
            </div>
            <div class="form-group">
                <label for="provincia">Provincia:</label>
                <input class="form-control" name="provincia" type="text" required="required" id="provincia"/>
            </div>
            <div class="form-group">
                <label for="pais">Pais:</label>
                <input class="form-control" name="pais" type="text" required="required" id="pais"/>
            </div>
            <div class="form-group">
                <label for="telefono">Teléfono:</label>
                <input class="form-control" name="telefono" type="text" required="required" id="telefono"/>
            </div>
            <div class="form-group">
                <label for="email">Email:</label>
                <input class="form-control" name="email" type="text" required="required" id="email"/>
            </div>
            <div class="form-group">
                <label for="cuenta_bancaria">Cuenta bancaria:</label>
                <input class="form-control" name="cuenta_bancaria" type="text" required="required" id="cuenta_bancaria"/>
            </div>

            <button type="submit" class="btn btn-default">Enviar</button>
        </form>

    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#form_anadir_comercial').bootstrapValidator({
            message: 'Datos invalidos',
            feedbackIcons: {
                valid: 'fa fa-check',
                invalid: 'fa fa-times',
                validating: 'fa fa-refresh'
            },
            live: 'enabled',
            submitButtons: 'button[type="submit"]',
            submitHandler: null,
            trigger: null,
            fields: {
                usuario: {
                    message: 'Usuario no valido',
                    validators: {
                        notEmpty: {
                            message: 'El Usuario es requerido, no puede estar vacio.'
                        },
                        stringLength: {
                            min: 4,
                            max: 45,
                            message: 'El usuario debe tener entre 4 y 45 caracteres.'
                        },
                        regexp: {
                            regexp: /^[ a-zA-ZñÑáéíóúÁÉÍÓÚ0-9_\s]+$/,
                            message: 'El usuario solo puede contener caracteres alfanuméricos y barra baja.'
                        }
                    }
                },
                nombre: {
                    message: 'Nombre no valido',
                    validators: {
                        notEmpty: {
                            message: 'El nombre es requerido, no puede estar vacio.'
                        },
                        stringLength: {
                            min: 2,
                            max: 45,
                            message: 'El nombre debe tener entre 2 y 45 caracteres.'
                        },
                        regexp: {
                            regexp: /^[ a-zA-ZñÑáéíóúÁÉÍÓÚ0-9_/,.\s]+$/,
                            message: 'El nombre solo puede contener caracteres alfanuméricos, barra baja, coma y punto.'
                        }
                    }
                },
                apellidos: {
                    message: 'Apellidos no valido',
                    validators: {
                        notEmpty: {
                            message: 'El apellidos es requerido, no puede estar vacio.'
                        },
                        stringLength: {
                            min: 2,
                            max: 45,
                            message: 'El apellidos debe tener entre 2 y 45 caracteres.'
                        },
                        regexp: {
                            regexp: /^[ a-zA-ZñÑáéíóúÁÉÍÓÚ0-9\s]+$/,
                            message: 'El nombre solo puede contener caracteres alfanuméricos.'
                        }
                    }
                },
                documento_identidad: {
                    validators: {
                        notEmpty: {
                            message: 'El documento de identidad es requerido, no puede estar vacio.'
                        }
                    }
                },
                direccion: {
                    validators: {
                        notEmpty: {
                            message: 'La Dirección es requerida, no puede estar vacia.'
                        }
                    }
                },
                localidad: {
                    validators: {
                        notEmpty: {
                            message: 'La localidad es requerida, no puede estar vacia.'
                        }
                    }
                },
                provincia: {
                    validators: {
                        notEmpty: {
                            message: 'La provincia es requerida, no puede estar vacia.'
                        }
                    }
                },
                pais: {
                    validators: {
                        notEmpty: {
                            message: 'El país es requerido, no puede estar vacio.'
                        }
                    }
                },
                telefono: {
                    validators: {
                        notEmpty: {
                            message: 'El teléfono es requerido, no puede estar vacio.'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: 'La Email no puede estar vacio.'
                        },
                        emailAddress: {
                            message: 'El Email no es valido.'
                        }
                    }
                },
                cuenta_bancaria: {
                    validators: {
                        notEmpty: {
                            message: 'La Cuenta bancaria no puede estar vacia.'
                        }
                    }
                }
            }
        });
    });
</script>

<?php
$contenido = ob_get_clean();
include "app/templates/$template.php";
?>
